<template>
	<view class="main-top-content">
		<view v-for="item in list" :key="item.id">
			<image :src="item.imageSrc" mode=""></image>
			<text>{{item.title}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				list:[
					{id:0,title:'活期',imageSrc:'../../static/wealthImg/组%204718.png'},
					{id:1,title:'定期',imageSrc:'../../static/wealthImg/组%204719.png'},
					{id:2,title:'基金',imageSrc:'../../static/wealthImg/组%204720.png'},
					{id:3,title:'黄金',imageSrc:'../../static/wealthImg/组%204721.png'},
					{id:4,title:'股票',imageSrc:'../../static/wealthImg/组%204722.png'},
					{id:5,title:'稳健精选',imageSrc:'../../static/wealthImg/组%204727.png'},
					{id:6,title:'天天利财',imageSrc:'../../static/wealthImg/组%204726.png'},
					{id:7,title:'基金投顾',imageSrc:'../../static/wealthImg/组%204725.png'},
					{id:8,title:'我的理财',imageSrc:'../../static/wealthImg/组%204724.png'},
					{id:9,title:'高端理财',imageSrc:'../../static/wealthImg/组%204723.png'},
				]
			}
		}
	}
</script>

<style scoped lang="scss">
	.main-top-content{
		display: flex;
		justify-content: space-between;
		align-content: space-evenly;
		flex-wrap: wrap;
		overflow: hidden;
		view{
			text-align: center;
			width: 124rpx;
			display: flex;
			align-items: center;
			flex-direction: column;
			margin-top: 40rpx;
			image{
				width: 64rpx;
				height: 64rpx;
				margin-bottom: 14rpx;
			}
			text{
				font-size: 24rpx;
				color: #666666;
			}
		}
	}
</style>
